/**
 * Sample React Native App
 * https://github.com/facebook/react-native
 * @flow
 */

import React, { Component } from 'react';
import { View } from 'react-native';
import { TabView } from "teaset";
import Home from './views/TabViewLists/Home';
import TypePage from './views/TabViewLists/TypePage';
import UserCenter from './views/TabViewLists/UserCenter';
export default class App extends Component {
	render() {
		return (
			<TabView style={{ flex: 1 }} type='projector'>
				<TabView.Sheet
					title='首页'
					icon={require('./appIcons/home.png')}
					activeIcon={require('./appIcons/home_active.png')}
				>
					<Home />
				</TabView.Sheet>
				<TabView.Sheet
					title='分类'
					icon={require('./appIcons/type.png')}
					activeIcon={require('./appIcons/type_active.png')}
				>
					<TypePage />
				</TabView.Sheet>
				<TabView.Sheet
					title='发现'
					icon={require('./appIcons/fand.png')}
					activeIcon={require('./appIcons/fand_active.png')}
				>
					<Home />
				</TabView.Sheet>
				<TabView.Sheet
					title='购物车'
					icon={require('./appIcons/car.png')}
					activeIcon={require('./appIcons/car_active.png')}
				>
					<Home />
				</TabView.Sheet>
				<TabView.Sheet
					title='我的'
					icon={require('./appIcons/me.png')}
					activeIcon={require('./appIcons/me_active.png')}
				>
					<UserCenter />
				</TabView.Sheet>
			</TabView>
		);
	}
}

